<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>combobox(下拉列表控件)</title>
     <!--引入2 css-->
         <link rel="stylesheet" href="../themes/default/easyui.css" type="text/css"/>
         <link rel="stylesheet" href="../themes/icon.css" type="text/css"/>
         <!--引入js文件-->
         <script type="text/javascript" src="../js/jquery.min.js"></script>
         <script type="text/javascript" src="../js/jquery.easyui.min.js"></script>
</head>
<body>
<select id="cc" class="easyui-combobox" name="dept" style="width:200px;">
    <option value="aa">aitem1</option>
    <option>bitem2</option>
    <option>bitem3</option>
    <option>ditem4</option>
    <option>eitem5</option>
</select>

<hr>

<input id="testID" name="city">

<script type="text/javascript">
$("#testID").combobox({
    url:"../list.json",
    textField:"text",
    valueField:"id"
});
</script>
</body>
</html>